*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    //全局变量
    --bgColorBlue:#165bf0;
    --fontColorWhite:#fff;
    --bgColorBlueHover:#5084f5;
    --borderColor:#d9e1f1;

    //滚动条整体
    ::-webkit-scrollbar{
        width: .3125rem;
        background-color: rgba(46, 134, 221, .0);
    }
    ::-webkit-scrollbar:hover{
        width: .3125rem;
    }
    //两端按钮
    ::-webkit-scrollbar-button{
        background-color: rgba(57, 142, 226, .0);
        border-radius: .125rem;
        height: .3125rem;
    }
    //外层轨道
    ::-webkit-scrollbar-track{
        background-color: rgba(57, 142, 226, 0.0);
    }
    //滑块
    ::-webkit-scrollbar-thumb{
        background-color: rgba(23, 23, 24, 0.2);
        border-radius: .3125rem;
    }

    // //表格样式
    // table{
    //     border-collapse: collapse;
    //     position: relative;
    //     tr{
    //         th{
    //             background-color: #038aff;
    //             color: seashell;
    //             position: sticky;
    //             top:0;
    //           } 
    //     }
    //     .t-style{
    //         border: rgba(177, 181, 187, 0.5) solid 1px;
    //         padding:3px;
    //         text-align: center;
    //     }
    // }

    // //按钮样式
    // button:hover{
    //     cursor: pointer;
    // }
    /*
    动态属性无法进行全局设置
    button.isdis,button.isdis:hover{
        background-color:#81817f;
        border-color: #81817f;
        color: rgb(82, 79, 79);
        cursor: not-allowed;
    }
    */

    // //1、参数面板(分页按钮、查询按钮)
    // .params-btn{
    //     padding: 1px 5px;
    //     background-color: #74b9ff;
    //     border-color:#74b9ff;
    //     color: #fff;
    //     text-align: center;
    //     border-radius: 3px;
    //     font-size: .75rem;
    // }
    // .params-btn:hover{
    //     background-color: #fff;
    //     border-color:#74b9ff;
    //     color: #74b9ff;
    // }    
    
    //2、控制面板（新增、批量处理、批量删除、批量上传） 
    // button.control-btn{
    //     margin-right: 10px;
    //     padding: 1px 5px;
    //     text-align: center;
    //     border-radius: 3px;
    //     font-size: 1.2rem;
    //     // display: flex;
    //     // justify-content: center;
    //     // align-items: center;
    // }
    // button.control-btn.add{
    //     background-color: rgb(38, 231, 189);
    //     border-color: rgb(6, 236, 160); 
    //     color: #fff;
    // }
    // button.control-btn.add:hover{
    //     background-color: #fff;
    //     color: rgb(38, 231, 189);
    // }
    // button.control-btn.control{
    //     background-color: rgb(222, 174, 245);
    //     border-color: rgb(222, 174, 245); 
    //     color: #fff;
    // }
    // button.control-btn.control:hover{
    //     background-color: #fff;
    //     color: rgb(222, 174, 245);
    // }
    // button.control-btn.del{
    //     background-color: rgb(245, 112, 167);
    //     border-color: rgb(245, 112, 167); 
    //     color: #fff;
    // }
    // button.control-btn.del:hover{
    //     background-color: #fff;
    //     color: rgb(245, 112, 167);
    // }
    // button.control-btn.upload{
    //     background-color: rgb(0, 217, 255);
    //     border-color: rgb(0, 217, 255); 
    //     color: #fff;
    // }
    // button.control-btn.upload:hover{
    //     background-color: #fff;
    //     color: rgb(0, 217, 255);
    // }

    //3、表格内操作按钮（编辑、删除）
    // .tab-btn{
    //     padding: 2px 10px;
    //     font-size: 1.2rem;
    //     border-radius: 3px;
    //     color: #fff;
    //     margin-right: .3125rem;
    // }
    // .tab-btn:hover{
    //     background-color: #fff;
    // }
    // .add-btn{
    //     background-color:rgb(38, 231, 189);
    //     border-color: rgb(38, 231, 189);
    // }
    // .add-btn:hover{
    //     color: rgb(38, 231, 189);                                          
    // }
    // .edit-btn{
    //     background-color:#ffd600;
    //     border-color: #ffd600;
    // }
    // .edit-btn:hover{
    //     color: #ffd600;                                          
    // }    
    // .delete-btn{
    //     background-color: rgb(245, 112, 167);
    //     border-color: rgb(245, 112, 167);
    // }
    // .delete-btn:hover{
    //     color: rgb(245, 112, 167);
    // }
    // .tab-btn.isdis,.submit-btn.isdis{
    //     background-color:#b2bec3;
    //     border-color: #b2bec3;
    //     color: rgb(82, 79, 79);
    // }
    // .tab-btn.isdis:hover,.submit-btn.isdis:hover{
    //     cursor: not-allowed;
    // }

}

#app{
    height: 100vh;
    width:100vw;
}

